<template>

    <div class="calculator-wrap">
       <ShowCalResultBar/>
       <KeyBoardArea/>
    </div>

</template>


<style scoped>
.calculator-wrap{
    width:80%;
    min-width:500px;
    margin:0 auto;
    border:5px solid orange;
    background:#ddd;
}
</style>

<script>

import {Component,Vue } from 'vue-property-decorator'
import ShowCalResultBar from '@/components/showCalResultBar.vue'
import KeyBoardArea from '@/components/KeyBoardArea.vue'

@Component({
    components: {
        ShowCalResultBar,
        KeyBoardArea
    }
})
export default class CalculatorView extends Vue{
    
}


</script>
